<!DOCTYPE html>
<html lang="en">
<head>
<?php get_template_part( 'parts/head' ); ?>

<style>
  /* Styling the columns block */
.wp-block-columns {
	margin-bottom: 20px;
}

.wp-block-column {
	margin: 0 0 0 2%;
}

.wp-block-column:first-child {
	margin: 0;
}

@media only screen and (max-width: 768px) {
	
/* Make the columns block responsive */
	
	.wp-block-columns {
	    display: initial;
	}

	.wp-block-columns .wp-block-column {
		margin: 0 0 10px;
	}
	
}
</style>
</head>

<body>

<?php get_header(); ?>

<h1 class="cbox mx-auto mt-16 text-5xl">
  product view 通用模版 
</h1>

<div class="cbox mx-auto mt-16 flex gap-10 min-h-[30vh]">

  <main class="w-[70%]">

    <h1 class="text-4xl border-b pb-4">
      product_category999/single: <?=the_title();?>
    </h1>

    <article class="mt-4">
      <?= the_content();?>
    </article>
    

  </main>



</div>

<?php get_footer(); ?>
</body>
</html>